<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org"
      xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity3">
<body>
	<aside class="main-sidebar sidebar-dark-primary elevation-4"
		th:fragment="left">
		<!-- Logo -->
		<a href="index.html" class="brand-link"> <img
			th:src="@{~/img/logo/logo.png}" alt="RSP Logo"
			class="brand-image img-circle elevation-3" style="opacity: .8"></img>
			<span class="brand-text font-weight-light">TTRSP</span>
		</a>

		<!-- Sidebar -->
		<div class="sidebar">
			<!-- 个人头像) -->
			<div class="user-panel mt-3 pb-3 mb-3 d-flex">
				<div class="image">
					<img th:src="@{~/img/headIcon/avatar04.png}"
						class="img-circle elevation-2" alt="User Image"></img>
				</div>
				<div class="info">
					<a href="#" class="d-block">Ruiwu Pierce</a>
				</div>
			</div>

			<!-- 左侧导航栏-->
			<nav class="mt-2">
				<ul class="nav nav-pills nav-sidebar flex-column"
					data-widget="treeview" role="menu" data-accordion="false">
					<li class="nav-item has-treeview"><a href="#"
						class="nav-link"> <i class="nav-icon fa fa-user-md"></i>
							<p>
								个人中心 <i class="right fa fa-angle-left"></i>
							</p>
					</a>
						<ul class="nav nav-treeview">
							<li class="nav-item"><a href="./index.html"
								class="nav-link"> <i class="nav-icon fa fa-user"></i>
									<p>个人资料</p>
							</a></li>
							<li class="nav-item"><a href="./index2.html"
								class="nav-link"> <i class="nav-icon fa fa-calendar"></i>
									<p>日程安排</p>
							</a></li>
							<li class="nav-item"><a href="./index3.html"
								class="nav-link"> <i class="nav-icon fa fa-envelope-o"></i>
									<p>邮箱</p>
							</a></li>
							<li class="nav-item"><a th:href="@{~/task/file/upload}"
								class="nav-link"> <i class="nav-icon fa fa-envelope-o"></i>
									<p>文件上传测试</p>
							</a></li>
						</ul></li>
					<li class="nav-item has-treeview"><a href="#"
						class="nav-link"> <i class="nav-icon fa fa-dashboard"></i>
							<p>
								实时监控 <i class="right fa fa-angle-left"></i>
							</p>
					</a>
						<ul class="nav nav-treeview">
							<li class="nav-item"><a th:href="@{~/Jump/monitor_database}"
								class="nav-link"> <i class="nav-icon fa fa-bar-chart"></i>
									<p>数据库监控</p>
							</a></li>
							<li class="nav-item"><a href="./index2.html"
								class="nav-link"> <i class="nav-icon fa fa-book"></i>
									<p>日志监控</p>
							</a></li>
							<li class="nav-item"><a th:href="@{~/Jump/monitor_server}"
								class="nav-link"> <i class="nav-icon fa fa-area-chart"></i>
									<p>服务监控</p>
							</a></li>
						</ul></li>
					<li  sec:authorize="hasRole('ROLE_ADMIN')" class="nav-item has-treeview"><a href="#"
						class="nav-link"> <i class="nav-icon fa fa-underline"></i>
							<p>
								用户管理<i class="right fa fa-angle-left"></i>
							</p>
					</a>
						<ul class="nav nav-treeview">
							<li class="nav-item"><a th:href="@{~/Jump/user_index}"
								class="nav-link"> <i class="nav-icon fa fa-users"></i>
									<p>用户管理</p>
							</a></li>
							<li class="nav-item"><a href="pages/charts/flot.html"
								class="nav-link"> <i class="nav-icon fa fa-address-card-o"></i>
									<p>角色管理</p>
							</a></li>
							<li class="nav-item"><a th:href="@{~/Jump/auth_role}"
								class="nav-link"> <i class="nav-icon fa fa-text-height"></i>
									<p>权限管理</p>
							</a></li>
						</ul></li>
					<li class="nav-item has-treeview"><a href="#" class="nav-link">
							<i class="nav-icon fa fa-pie-chart"></i>
							<p>
								统计分析 <i class="right fa fa-angle-left"></i>
							</p>
					</a>
						<ul class="nav nav-treeview">
							<li class="nav-item"><a href="pages/charts/chartjs.html"
								class="nav-link"> <i class="nav-icon fa fa-outdent"></i>
									<p>表格统计</p>
							</a></li>
							<li class="nav-item"><a href="pages/charts/flot.html"
								class="nav-link"> <i class="nav-icon fa fa-industry"></i>
									<p>实时统计</p>
							</a></li>
						</ul></li>
					<li  sec:authorize="hasRole('ROLE_ADMIN')" class="nav-item has-treeview"><a href="#" class="nav-link">
							<i class="nav-icon fa fa-wrench"></i>
							<p>
								系统中心 <i class="right fa fa-angle-left"></i>
							</p>
					</a>
						<ul class="nav nav-treeview">
							<li class="nav-item"><a href="pages/UI/general.html"
								class="nav-link"> <i class="fa fa-tasks nav-icon"></i>
									<p>数据库设置</p>
							</a></li>
							<li class="nav-item"><a href="pages/UI/buttons.html"
								class="nav-link"> <i class="fa fa-qrcode nav-icon"></i>
									<p>机构管理</p>
							</a></li>
							<li class="nav-item"><a href="pages/UI/sliders.html"
								class="nav-link"> <i class="fa fa-ils nav-icon"></i>
									<p>厂商管理</p>
							</a></li>
							<li class="nav-item"><a href="pages/UI/icons.html"
								class="nav-link"> <i class="fa fa-book nav-icon"></i>
									<p>知识库</p>
							</a></li>
						</ul></li>
					<li  sec:authorize="hasRole('ROLE_ADMIN')" class="nav-item has-treeview"><a href="#" class="nav-link">
							<i class="nav-icon fa fa-edit"></i>
							<p>
								申请中心 <i class="fa fa-angle-left right"></i>
							</p>
					</a>
						<ul class="nav nav-treeview">
							<li class="nav-item"><a href="pages/forms/general.html"
								class="nav-link"> <i class="fa fa-quora nav-icon"></i>
									<p>申请状态</p>
							</a></li>
						</ul></li>
					<li class="nav-item has-treeview"><a href="#" class="nav-link">
							<i class="nav-icon fa fa-table"></i>
							<p>
								远程服务 <i class="fa fa-angle-left right"></i>
							</p>
					</a>
						<ul class="nav nav-treeview">
							<li class="nav-item"><a href="pages/tables/simple.html"
								class="nav-link"> <i class="fa fa-life-ring nav-icon"></i>
									<p>远程终端</p>
							</a></li>
							<li class="nav-item"><a href="pages/tables/data.html"
								class="nav-link"> <i class="fa fa-random nav-icon"></i>
									<p>质控云</p>
							</a></li>
						</ul></li>
				</ul>
			</nav>
			<!-- /.sidebar-menu -->
		</div>
		<!-- /.sidebar -->
	</aside>

</body>
</html>